.header {

  margin-bottom: 18px;

  .navbar {
    background-color: #FFF;
    box-shadow: 0 1px 1px rgba(0, 0, 0,.11);
    margin-bottom: 15px;
    border: 0px;
    color: $blueText;
  }

  .navbar-brand {
    color: #666 !important;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
    margin-left: 0 !important;
    b { color: $green; }
    img { margin-top: -15px;display: inline-block;}
  }
  .navbar-default .navbar-brand,
  .navbar-default .navbar-nav>li>a  { color: #333; border-bottom: 3px solid #FFF; padding-bottom: 12px; }
  .navbar-default .navbar-nav>li>a:active { background-color: $grayDark; border-bottom-color: #999; }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider { color: #999 !important; }
  .navbar-inverse .navbar-nav .open .dropdown-menu li.active a { border-bottom: 0px; color: $green; }
  .navbar-inverse .navbar-toggle { color: #333; padding: 3px 9px; font-size: 18px; border:1px solid rgba(255,255,255,0.1); background-color: rgba(255,255,255,0.05); }
  .navbar-inverse .navbar-toggle:focus { background-color: rgba(255,255,255,0.05);}
  .navbar-inverse .navbar-toggle:hover { background-color: rgba(255,255,255,0.1); }
  .navbar-inverse .navbar-collapse,
  .navbar-inverse .navbar-form { border-color: $blueText; }
  nav.navbar-collapse.bs-navbar-collapse { border-color: rgba(255,255,255,0.3); }
  .navbar-inverse .navbar-nav>.open>a,
  .navbar-inverse .navbar-nav>.open>a:focus,
  .navbar-inverse .navbar-nav>.open>a:hover { background: $grayDark; color: #333; }
  .navbar-inverse .navbar-nav .open .dropdown-menu { position: absolute; left: auto; right: 0; background: #FFF; }
  .navbar-inverse .navbar-nav .open .dropdown-menu>li>a { color: #333; }
  .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover { background-color: rgba(255,255,255,0.05); }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider { background-color: #F0F0F0; }
  .navbar-nav {
    li.active a,
    li.active a:focus,
    li.active a:hover { color: $green; background: transparent; }
  }

  #main-nav-menu {
    .navbar-nav {
      margin: 0px;
      a { color: #333; transition: all .2s ease-in-out; }
      li a:hover,
      li.active a,
      li.active a:focus,
      li.active a:hover { border-bottom:3px solid $green; color: $green; background: transparent; padding-bottom: 12px;}
    }
  }

  .user-bar {
    .dropdown-toggle { display: block; }
    .navbar-toggle { display: none;   padding: 6px 8px; margin: 0;}
  }

  // Active state, and it's :hover to override normal :hover
.nav-tabs > .active > a,
.nav-tabs > .active > a:hover {
  color: #111;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  cursor: default;
}

  @media (max-width: 767px) {
    .navbar-header {
      text-align: center;
      padding: 0;
      margin-bottom: -41px;
      .navbar-brand {
        font-size: 12px; float: none; margin: 0 auto;
        line-height: 46px;
      }
    }
    .navbar-nav { float: left; margin: 0px; }
    .navbar-nav>li { float: left; }
    .navbar-nav.navbar-right { float:right; }
    .user-bar {
      .dropdown-toggle { display: none; }
      .navbar-toggle { display: block; border-radius: 0px; }
      .dropdown.open .navbar-toggle { background-color: $grayDark; }
    }
  }

  .form-search {
    font-size: 14px;
    position: relative;
    margin-top: 13px;
    margin-right: 10px;

    .btn-close {
      position: absolute;
      top: 6px;
      right: 0px;
      /*display: none;*/
      cursor: pointer;
      -webkit-transform: scale(0,0);
      -moz-transform: scale(0,0);
      transform: scale(0,0);
      -webkit-transition: all .3s;
      -moz-transition: all .3s;
      transition: all .3s;
    }
    .form-control {
      font-size: 12px;
      border:none;
      width: 0px;
      height: 100%;
      padding:6px 1px 4px 1px;
      margin-left: 4px;
      background: transparent;
      transition: all .3s;
      box-sizing: border-box;
      color: #333;
      &::-webkit-input-placeholder {
        color: #ddd;
      }
    }
    &.active {
      .form-control {
        width: 150px !important;
        cursor: text;
      }
      .fa-search { left: 0; right: auto; }
      .btn-close {
        -webkit-transform: scale(1,1);
        -moz-transform: scale(1,1);
        transform: scale(1,1);
      }
    }

  }
}